body {
	font-family: 'Montserrat Alternates', sans-serif;
	background-color: #F2F2F2;
}

.header{
	position: fixed;
	width:100%;
	height:50px;
	background-color: black;
	top:0;
	left:0;
	right:0;
	box-shadow:1px 1px 2px white;
}
#forcesButton{
	position:absolute;
	top:10px;
	right:250px;
	height:30px;
	/*background-image: url('/images/basement.jpg');*/
    background-repeat:no-repeat;
    cursor:pointer;
    border: white;
	z-index:1;
}
.header a{
	position:relative;
	float:right;
	margin-top:-40px;
	color: white;
	right:2%;	
}

#title{
	color:white;
	font-family: sans-serif;
	margin-left: 30px;
}
.content{
	position: absolute;
	background-color: #FEFEFE;
	/*background-color:lightgreen;*/
	margin-right: auto;
	margin-left:3%;
	width: 1300px;
	top:100px;
	bottom:50px;
	vertical-align:left;
	height:auto;
	min-height:600px;
	z-index:-1;
}

#rightList{
	/*background-color:pink;*/
	position: absolute;
	width:370px;
	height:500px;
	top:0;
	margin-left:10px;
}

#description{
	text-align:center;
	color:#4C3919;
	font-weight:bold;
}

.room_description {
	position:relative;
	/*background-color:#CCC8BC;*/
	background-color:#19A347;
	color:white;
	/*color: #4C3919	;*/
	border:8px solid #007F38;
	width:360px;
	height:auto; 
	top:5px;
	left:1%;
	padding-top:5px;
	padding-bottom:1px;
	padding-right:8px;
	padding-left:15px;
	border-radius: 2em;
	/*padding-bottom:10px;*/
}

.room_inventory{
	position:relative;
	background-color:	#33AD5C;
	color:white;
	/*color: #4C3919	;*/
	border:8px solid #007F38;
	height:auto;
	width:360px;
	/*bottom:1%;*/
	left:1%;
	padding:3px;
	margin-top:10px;
	border-radius: 2em;
	padding-top:5px;
	padding-bottom:1px;
	padding-right:8px;
	padding-left:15px;
	border-radius: 2em;
}

#seeStuff{
	text-align:center;
	color:#4C3919;
	font-weight:bold;
}

#takeItem{
	background-color:#B2200E;
	color:#F3FFF8;
	font-weight:bold;
}

#takeItem:hover{
	background-color:#19C4FF;
	color:#292826;
	font-weight:bold;
}
.player_inventory{
	position: relative;
	background-color:	#4DB870;
	color:white;
	/*color: #4C3919	;*/
	border:8px solid #007F38;
	width:360px;
	height:auto; 
	left:1%;
	margin-top:3px;
	border-radius: 2em;
	padding-top:5px;
	padding-bottom:1px;
	padding-right:8px;
	padding-left:15px;
	border-radius: 2em;
}

#urInventory{
	text-align:center;
	color:#4C3919;
	font-weight:bold;
}
#leftList{
	position:absolute;
	/*background-color:pink;*/
	width:350px;
	height:500px;
	top:0px;
	right:0px;
	font-family: 'Montserrat Alternates', sans-serif;
	
}

.cutscene {
	position: reltive;
	background-color:#3949FF;
	color:white;
	border:5px solid gray;
	text-align:center;
	height:auto;
	min-height:80px;
	width:300px;
	margin-top:5px;
	margin-left:5px;
}

.actions  {
 	position: relative;
 	background-color:#95B4FF;
 	border:5px solid gray;
	text-align:center;
	font-family:georgia;
	font-size:20px;
	color:white;
	width:300px;
 	height:50px; 
 	top:5px;
 	left:5px;
	
}

.actionButton{
	display:inline-block;
	color: white;
	border:3px solid gray;
	background-color:#95B4FF;
	/*clear:both;*/
	height:50px;
	width:300px;
	font-size:15px;
	font-weight:bold;
	margin-top:3px;
	border-radius: 2em 1em 4em / 0.5em 3em;

}

.actionButton:hover{
	color:white;
	background-color:grey;
}

.room_image {
	max-width:500px; 
	width:100%;
	border:10px solid gray;
	margin-left: 33%;
	margin-right: auto;
	max-height:650px; 
	box-shadow: 0px 0px 2px 3px #ccc;
	margin-top:8px;
}

img {
	width:100%; 
	height:auto; }

.action_form { 
	float:left; }

#footer { 
 	position:absolute;
 	background-color:#33CC33;
 	height:50px;
 	width:100%;
 	text-align:center;
 	top:900px;
 	color:white;
}
